<style lang="less">
  .arrival-receive {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    .el-tabs__content{
      flex: 1;
      display: flex;
      flex-direction: column;
      .el-tab-pane{
        flex: 1;
        display: flex;
        flex-direction: column;
        .el-table{
          flex: 1;
        }
      }
    }
    .f-mt10 {
      margin-top: 10px;
    }
    .zcqd {
      .xx {
        .el-row {
          padding-bottom: 10px;
        }
      }
      .ss {
        margin: 5px 0 5px 0;
      }
      .bz {
        border-bottom: 1px solid #dfe6ec;
      }
      .tj {
        text-align: center;
        border-right: 1px solid #dfe6ec;
        border-top: 1px solid #dfe6ec;
        .bg-purple-light {
          margin: 0;
          font-weight: bold;
        }
        .bg-purple {
          padding: 10px;
        }
        .el-col {
          border-left: 1px solid #dfe6ec;
          border-bottom: 1px solid #dfe6ec;
        }
      }
    }

    /*合计栏*/
    .total-list {
      margin-top: 10px;
      margin-bottom: 10px;
      font-weight: 800;
    }

    .font-color {
      color: orangered;
    }

    .search-bar {
      height: 120px;
      padding: 10px;
      overflow: hidden;
      margin: 0px 0px 10px 0px;
      .el-form-item {
        margin: 0 0 6px 0;
        .el-form-item__label {
          margin-right: 0;
          padding: 11px 12px 11px 12px;
        }
      }
    }
  }
  .dialog-form-label{
    label{
      width: 120px;
    }

  }
  .dialog-form-content{
    width: 350px
  }
</style>
<template>
  <el-tabs type="border-card" v-model="activeName" class="arrival-receive" @tab-click="handleClick">
    <!--待接车-->
    <el-tab-pane name="toReceive">
      <span slot="label">待接车</span>
      <!-- 搜索begin -->
      <el-col>
        <el-form label-position="right" label-width="80px">
          <el-row :data="conditionsA">
            <el-col :span="8">
              <el-form-item label="发车日期">
                <el-date-picker
                  style="width: 90%"
                  v-model="departDateA"
                  type="daterange"
                  align="right"
                  placeholder="选择日期范围">
                </el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="装车单号">
                <el-input  v-model="conditionsA.loadingListNumber" placeholder="请输入装车单号" style="width: 220px"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="到达类型" prop="type">
                <el-select v-model="conditionsA.serviceAreaTypeA" placeholder="请选择到达类型" style="width: 220px">
                  <el-option
                    v-for="item in $store.getters.LTL_SERVICE_AREA_TYPE"
                    :key="item.dictVal"
                    :label="item.cnDictValname"
                    :value="item.dictVal">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :data="conditionsA">
            <el-col :span="8">
              <el-form-item label="车牌号">
                <el-input  style="width: 220px" v-model="conditionsA.plateNumber"
                          placeholder="请输入车牌号"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="司机姓名">
                <el-input  style="width: 220px" v-model="conditionsA.driverInfoName"
                          placeholder="请输入司机姓名"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="发车站点">
                <el-input  style="width: 220px" v-model="conditionsA.departSite"
                          placeholder="请输入发车站点"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </el-col>
      <!-- 搜索end -->
      <!-- 操作 -->
      <el-col :span="24" style="margin-bottom: 10px">
        <el-button type="primary" @click="openSignInDialog">到达确认</el-button>
        <el-button type="primary" @click="arrivalDetail">到达明细</el-button>
        <el-button type="primary" @click="resetConditionsA" style="float: right">重置</el-button>
        <el-button type="primary" @click="searchLoadingListA" style="float: right;margin-right: 10px">查询</el-button>
        <el-button @click="exportLoadingListA" style="float: right;margin-right: 10px">导出</el-button>
      </el-col>
      <!--操作end-->
      <!--列表-->
      <el-table :data="tableDataA" highlight-current-row border style="width: 100%;" height="100%"
                v-loading="listLoadingA"
                @sort-change="sortChangeA"
                @selection-change="selsChangeA">
        <el-table-column type="selection" width="50" align="center">
        </el-table-column>
        <el-table-column prop="departTime" label="发车日期" width="120" align="center">
        </el-table-column>
        <el-table-column prop="name" label="到达类型" width="100" align="center">
        </el-table-column>
        <el-table-column show-overflow-tooltip fit prop="number" label="装车单号" width="140" align="center">
          <template slot-scope="scope">
            <el-button type="text" @click="handleLoadingList(scope.row)">{{ scope.row.number}}</el-button>
          </template>
        </el-table-column>
        <el-table-column prop="departSite" label="发车站点" width="150" align="center">
        </el-table-column>
        <el-table-column show-overflow-tooltip fit prop="transportationName" label="运输路线" width="200" align="center">
        </el-table-column>
        <el-table-column prop="expectedArrivalDate" label="预计到达时间" width="220" align="center">
          <template slot-scope="scope">
            <label v-if="scope.row.expectedArrivalDate">{{scope.row.expectedArrivalDate.substring(0, 19)}}</label>
          </template>
        </el-table-column>
        <el-table-column prop="remainingTime" label="剩余时间 （小时）" width="120" align="center">
        </el-table-column>
        <el-table-column prop="totalVotes" label="票数" width="80" align="center">
        </el-table-column>
        <el-table-column prop="totalAmount" label="总件数" width="80" align="center">
        </el-table-column>
        <el-table-column prop="totalWeight" label="总重量（吨）" width="80" align="center">
          <template slot-scope="scope">
            <label v-if="scope.row.totalWeight">{{scope.row.totalWeight.toFixed(2)}}</label>
          </template>
        </el-table-column>
        <el-table-column prop="totalVolume" label="总体积（方）" width="100" align="center">
          <template slot-scope="scope">
            <label v-if="scope.row.totalVolume">{{scope.row.totalVolume.toFixed(2)}}</label>
          </template>
        </el-table-column>
        <el-table-column prop="plateNumber" label="车牌号码" width="120" align="center">
        </el-table-column>
        <el-table-column prop="driverName" label="司机" width="100" align="center">
        </el-table-column>
        <el-table-column prop="driverPhone" label="司机手机" width="160" align="center">
        </el-table-column>
        <el-table-column show-overflow-tooltip fit prop="name" label="订单备注" min-width="100" align="center">
        </el-table-column>
      </el-table>
      <!--列表工具条-->
      <el-col :span="24">
        <el-pagination class="f-mt10"
                       :current-page="currentPageA"
                       :page-size="pageSizeA"
                       @size-change="handleSizeChangeA"
                       @current-change="handleCurrentChangeA"
                       layout="total,sizes,prev, pager, next, jumper"
                       :total="totalA" style="float: right">
        </el-pagination>
      </el-col>
      <el-dialog title="到达确认" :visible.sync="signInDialogVisibleA" size="tiny">
        <el-form :key="dialogKey" :model="signInForm" ref="signInForm" :rules="signInDialogRules" label-width="120px">
          <el-form-item label="到达时间" prop="receiveTime">
            <el-date-picker style="width: 350px"
                            format="yyyy-MM-dd HH:mm:SS"
                            v-model="signInForm.receiveTime"
                            type="datetime"
                            placeholder="选择日期时间">
            </el-date-picker>
          </el-form-item>
          <el-form-item label="到达确认人" prop="receiverName">
            <el-input v-model="signInForm.receiverName" class="dialog-form-content" auto-complete="off"></el-input>
          </el-form-item>
          <el-form-item label="到达备注" prop="remark">
            <el-input type="textarea" v-model="signInForm.remark" :rows="4" placeholder="请输入内容"
                      class="dialog-form-content"></el-input>
          </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-button @click="closeSignInDialog">取 消</el-button>
          <el-button type="primary" @click.native="submitSignIn()" :loading="submitLoadingA">提交</el-button>
        </div>
      </el-dialog>
      <el-dialog title="到达明细" size="large" :visible.sync="loadingListDialogVisibleB" class="zcqd">
        <el-col class="loading-list">
          <el-form label-position="left" label-width="80px" style="margin-left: 20px;">
            <el-row>
              <el-col :span="8" class="list-row" style="margin-left: 10px;">
                <el-form-item label="装车单号:" style="height: 20px">
                  <el-input class="disabled-input"  disabled="disabled"
                            v-model="selectedLoadingListA.number"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5" style="margin-left: 10px;">
                <el-form-item label="发车时间:" style="height: 20px">
                  <el-input  disabled="disabled" v-model="selectedLoadingListA.departTime"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="10" style="margin-left: 10px;">
                <el-form-item label="运输线路:" style="height: 20px">
                  <el-input  disabled="disabled"
                            v-model="selectedLoadingListA.transportationName"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="8" style="margin-left: 10px;">
                <el-form-item label="车牌号:" style="height: 20px">
                  <el-input  disabled="disabled"
                            v-model="selectedLoadingListA.plateNumber"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5" style="margin-left: 10px;">
                <el-form-item label="司机姓名:" style="height: 20px">
                  <el-input  disabled="disabled" v-model="selectedLoadingListA.driverName"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5" style="margin-left: 10px;">
                <el-form-item label="联系电话:" style="height: 20px;" >
                  <el-input  disabled="disabled" v-model="selectedLoadingListA.driverPhone"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row style="margin-left: 10px;">
              <el-col :span="24">
                <el-form-item label="装车备注:">
                  <el-input type="textarea" disabled="disabled" style="width:60%;" :rows="5"
                            v-model="selectedLoadingListA.description"></el-input>
                </el-form-item>
                <!--<label>装车备注:{{selectedLoadingListA.remark}}</label>-->
              </el-col>
            </el-row>
          </el-form>
        </el-col>
        <el-row class="ss" :gutter="50">
          <el-col :span="24">
            <div class="tj">
              <el-row>
                <el-col :span="24" class="total-list">
                  <!--<div class="bg-purple-light">票数</div>-->
                  合计：<span class="font-color">{{loadingListStatisticsA.totalTicket}}</span> 票，
                  <span class="font-color">{{loadingListStatisticsA.totalWeight}}</span> 吨，
                  <span class="font-color">{{loadingListStatisticsA.totalVolume}}</span> 方，
                  <span class="font-color">{{loadingListStatisticsA.totalAmount}}</span> 件，
                  <span class="font-color">{{loadingListStatisticsA.totalReceiptAmount}}</span> 份回单，
                  代收货款 <span class="font-color">{{loadingListStatisticsA.totalCollectPaymentAmount}}</span> 元，
                  到付 <span class="font-color">{{loadingListStatisticsA.totalToPayAmount}}</span> 元，
                </el-col>
              </el-row>
            </div>
          </el-col>
        </el-row>
        <el-table highlight-current-row border
                  :data="trunkTaskTableDataA"
                  v-loading="trunkTaskListLoadingA"
                  style="width: 100%;max-height: 400px;" height="100%;">
          <el-table-column type="index" width="55">
          </el-table-column>
          <el-table-column prop="orderShipmentsDate" label="发运日期" width="220">
          </el-table-column>
          <el-table-column prop="orderNumber" label="运单号" width="220">
          </el-table-column>
          <el-table-column prop="orderAgingName" label="运输方式" width="150">
          </el-table-column>
          <el-table-column prop="unloadOrgName" label="下货地" width="180">
          </el-table-column>
          <el-table-column prop="orderCargoName" label="货品名称" width="120">
          </el-table-column>
          <el-table-column prop="orderPackTypeNames" label="包装" width="80">
          </el-table-column>
          <!--<el-table-column prop="orderAmountWeightVolume" label="件重体" width="160" :formatter="formatterTrunkTasks">-->
          <!--</el-table-column>-->
          <el-table-column prop="orderAmount" label="件数" width="100">
          </el-table-column>
          <el-table-column prop="orderWeight" label="重量（吨）" width="100">
            <template slot-scope="scope">
              <label v-if="scope.row.orderWeight">{{scope.row.orderWeight.toFixed(2)}}</label>
            </template>
          </el-table-column>
          <el-table-column prop="orderVolume" label="体积（方）" width="100">
            <template slot-scope="scope">
              <label v-if="scope.row.orderVolume">{{scope.row.orderVolume.toFixed(2)}}</label>
            </template>
          </el-table-column>
          <el-table-column prop="orderReceiptAmount" label="回单份数" width="100">
          </el-table-column>
          <el-table-column prop="orderCollectPaymentAmount" label="代收货款" width="100">
          </el-table-column>
          <el-table-column prop="orderToPayAmount" label="到付" width="100">
          </el-table-column>
          <el-table-column prop="orderSendTypeName" label="配送方式" width="120">
          </el-table-column>
          <el-table-column prop="orderSendTime" label="要求送达时间" width="180">
          </el-table-column>
          <el-table-column prop="orderSendContactName" label="收货人" width="120">
          </el-table-column>
          <el-table-column prop="orderSendContactPhone" label="收货人电话" width="180">
          </el-table-column>
          <el-table-column prop="orderSendContactAddress" label="收货地址" width="220">
          </el-table-column>
          <el-table-column prop="description" label="备注" width="180">
          </el-table-column>
        </el-table>
      </el-dialog>
    </el-tab-pane>
    <!--待卸车-->
    <el-tab-pane name="toUnload">
      <span slot="label">待卸车</span>
      <!-- title 传参 子组件，@refreshToSignIn  @refreshDoneUnload 子组件传值给父组件-->
      <arrival-to-unload :title="toUnload" @refreshToSignIn="getToSignIn"
                         @refreshDoneUnload="getDoneUnload"></arrival-to-unload>
    </el-tab-pane>
    <!--已卸车-->
    <el-tab-pane name="doneUnload">
      <span slot="label">已卸车</span>
      <arrival-done-unload :title="doneUnload" @refreshToUnload="getToUnload"></arrival-done-unload>
    </el-tab-pane>
  </el-tabs>
</template>
<script>
import { searchArrivalReceiveLoadingList, signIn, loadingListDetail } from '../../api/stowage/ArrivelReceive';
import { isEmpty } from '../../lib/util';
import ArrivalToUnload from './ArrivalToUnload.vue';
import ArrivalDoneUnload from './ArrivaDoneUnload.vue';
export default {
  components: {
    'arrival-to-unload': ArrivalToUnload,
    'arrival-done-unload': ArrivalDoneUnload
  },
  data () {
    return {
      // ---------三个值用于三个标签页，其一改动，是个刷新--
      activeName: 'toReceive',
      flashToSignIn: 0, // 待卸车标签页，当该值变动-刷待接车页面
      toUnload: 0, // 待卸车标签页，当该值变动-刷新页面
      doneUnload: 0, // 已卸车标签页，当该值变动-刷新页面
      //* *************通用属性***************
      token: this.$store.state.token,

      // ---------主列表------
      searchConditionLabelWidth: '100px',
      listLoadingA: false,
      // --查询条件
      conditionsA: {
        departDateBegin: '', // 发车日期-开始 --跟踪表上一发车时跟踪时间
        departDateEnd: '', // 发车日期-结束 --跟踪表上一发车时跟踪时间
        loadingListNumber: null, // 装车单号
        serviceAreaTypeA: null, // 到达类型
        plateNumber: null, // 车牌号
        driverInfoName: null, // 司机姓名
        departSite: null, // 发车站点
        page: 1,
        size: 10,
        status: 105007004// 装车单状态，上一站已发车（-得到待接车列表
      },
      departDateA: [],
      tableDataA: [],
      selectedLoadingListA: {
        'number': '',
        'departTime': '',
        'transportationName': '',
        'plateNumber': '',
        'driverName': '',
        'driverPhone': '',
        'description': ''
      },

      // --分页
      selsA: [], // 接货任务查询列表选择框
      totalA: 0,
      currentPageA: 1,
      pageSizeA: 10,
      sortPropA: '',
      sortOrderA: 'ascending',

      // -------装车单----------
      disabled: false,
      loadingListDialogVisibleA: false,
      // -------到达明细----------

      loadingListDialogVisibleB: false,

      // -------签到------------
      dialogFormLabelWidth: '180px',
      dialogKey: 0,
      signInDialogVisibleA: false,
      signInDialogRules: {
        receiverName: [
          {required: true, message: '请输入到达确认人名称'}
        ],
        receiveTime: [
          {required: true, message: '请选择到达时间'}
        ],
        remark: [
          {required: true, message: '请填写到达配置'}
        ]
      },
      submitLoadingA: false,
      userIdLoadingA: false,
      signInForm: {
        'receiverName': '',
        'receiveTime': null,
        'remark': null,
        'loadingListIds': null
      },

      loadingListRouteIdA: '', // 用于到达明细查询
      loadingListRoutesA: [],
      loadingListStatisticsA: {},
      trunkTaskTableDataA: [],
      trunkTaskListLoadingA: false
    };
  },
  watch: {},
  methods: {
    handleClick (tab, event) {
      if (tab.name === 'toReceive') {
        this.searchLoadingListA();
      }
      if (tab.name === 'toUnload') {
        this.toUnload = Math.random() - 0.1;
      }
      if (tab.name === 'doneUnload') {
        this.doneUnload = Math.random() - 0.2;
      }
    },
    // -------------------------------待接车----开始------------------------------------
    // ----主列表--------------------
    // 排序改变
    sortChangeA (o) {
      this.sortPropA = o.prop;
      this.sortOrderA = o.order;
      this.searchLoadingListA();
    },
    // 多选框
    selsChangeA (sels) {
      this.selsA = sels;
    },
    // 每页几条操作
    handleSizeChangeA (val) {
      this.pageSizeA = val;
      this.searchLoadingListA();
    },
    // 第几页操作
    handleCurrentChangeA (val) {
      this.currentPageA = val;
      this.searchLoadingListA();
    },
    // --查询条件重置
    resetConditionsA () {
      this.conditionsA = {
        departDate: null, // 发车日期 --跟踪表上一发车时跟踪时间
        loadingListNumber: null, // 装车单号
        serviceAreaType: null, // 到达类型
        plateNumber: null, // 车牌号
        driverInfoName: null, // 司机姓名
        departSiteA: null, // 发车站点
        page: 1,
        size: 10,
        sorts: '',
        status: 105007004// 装车单状态，上一站已发车（-得到待接车列表
      };
      this.departDateA = [];
    },
    // --待接车查询
    searchLoadingListA () {
      if (!isEmpty(this.departDateA) && !isEmpty(this.departDateA[0])) {
        this.conditionsA.departDateBegin = this.departDateA[0].toJSON();
        this.conditionsA.departDateEnd = this.departDateA[1].toJSON();
      }
      this.conditionsA.page = this.currentPageA;
      this.conditionsA.size = this.pageSizeA;
      this.conditionsA.sorts = (this.sortPropA === null ? '' : (this.sortOrderA === 'ascending' ? '-' : '+') + this.sortPropA);
      this.listLoadingA = true;
      searchArrivalReceiveLoadingList(this.conditionsA).then((res) => {
        this.listLoadingA = false;
        if (res.data.successFlg === true && res.data.detailModelList !== null) {
          if (res.data.detailModelList.length > 0) {
            this.tableDataA = res.data.detailModelList;
          } else {
            this.tableDataA = [];
          }
          this.currentPageA = res.data.currPage;
          this.totalA = res.data.totalCount;
          this.pageSizeA = res.data.pageSize;
        } else {
          this.tableDataA = [];
        }
      }).catch(() => {
        this.$message.error('数据有误，查询失败！');
        this.listLoadingA = false;
      });
    },
    // --签到窗口------------------
    openSignInDialog () {
      if (this.selsA.length <= 0) {
        this.$message.error('请选择数据！');
        return;
      }
      this.dialogKey = Math.random() - 0.5;
      this.signInForm = {
        'receiverName': '',
        'receiveTime': null,
        'remark': null,
        'loadingListIds': null
      };
      this.signInDialogVisibleA = true;
    },
    closeSignInDialog () {
      this.signInDialogVisibleA = false;
    },
    // --签到确认
    submitSignIn () {
      let loadingListIds = this.selsA.map(item => item.id).join(',');
      this.$refs['signInForm'].validate((valid) => {
        if (valid) {
          this.submitLoadingA = true;
          signIn({
            loadingListIds: loadingListIds,
            receiverName: this.signInForm.receiverName,
            receiveTime: this.signInForm.receiveTime.toJSON(),
            remark: this.signInForm.remark
          }).then(res => {
            this.submitLoadingA = false;
            if (res.data.successFlg) {
              this.$message.success('签到成功！');
              this.signInDialogVisibleA = false;
              this.toUnload = Math.random() - 0.5;
              this.searchLoadingListA();
            } else {
              this.$message.error(res.data.errorMsg);
            }
          });
        } else {
          console.log('error submit!!');
          return false;
        }
      });
    },
    // --到达明细-----------------
    arrivalDetail () {
      if (this.selsA.length <= 0) {
        this.$message.error('请选择数据！');
        return;
      }
      if (this.selsA.length > 1) {
        this.$message.error('请选择一条数据！');
        return;
      }
      let row = this.selsA[0];
      this.loadingListDialogVisibleB = true;
      this.showLoadingList(row);
    },
    // --装车清单点击-------------------
    handleLoadingList (row) {
      this.loadingListDialogVisibleB = true;
      this.showLoadingList(row);
    },

    showLoadingList (row) {
      this.loadingListDialogVisibleA = true;
      this.selectedLoadingListA = {
        'number': row.number,
        'departTime': row.departTime,
        'transportationName': row.transportationName,
        'plateNumber': row.plateNumber,
        'driverName': row.driverName,
        'driverPhone': row.driverPhone,
        'description': row.description
      };
      this.trunkTasks(row.currRouteId);
    },
    trunkTasks (routeIds) {
      this.trunkTaskListLoadingA = true;
      loadingListDetail({
        status: 105007004,
        routeIds: routeIds
      }).then(res => {
        let totalTicket = 0;
        let totalAmount = 0;
        let totalWeight = 0;
        let totalVolume = 0;
        let totalReceiptAmount = 0;
        let totalCollectPaymentAmount = 0;
        let totalToPayAmount = 0;
        if (res.data.successFlg) {
          let list = res.data.detailModelList;
          this.trunkTaskTableDataA = list;
          totalTicket = list.length;
          list.forEach(item => {
            if (item) {
              totalAmount += item.orderAmount;
              totalWeight += item.orderWeight;
              totalVolume += item.orderVolume;
              totalReceiptAmount += item.orderReceiptAmount;
              totalCollectPaymentAmount += item.orderCollectPaymentAmount;
              totalToPayAmount += item.orderToPayAmount;
            }
          });
          this.trunkTaskListLoadingA = false;
        }
        this.loadingListStatisticsA.totalTicket = totalTicket;
        this.loadingListStatisticsA.totalVolume = totalVolume.toFixed(2);
        this.loadingListStatisticsA.totalWeight = totalWeight.toFixed(2);
        this.loadingListStatisticsA.totalAmount = totalAmount;
        this.loadingListStatisticsA.totalReceiptAmount = totalReceiptAmount;
        this.loadingListStatisticsA.totalCollectPaymentAmount = totalCollectPaymentAmount.toFixed(2);
        this.loadingListStatisticsA.totalToPayAmount = totalToPayAmount.toFixed(2);
      });
    },
    // --导出-----------------------
    exportLoadingListA () {},

    // ----------------标签页操作，对应的刷新操作------开始-------

    // --待卸车取消签到操作，刷新待接车列表
    getToSignIn () {
      this.searchLoadingListA();
    },
    // --待卸车卸车确认，刷新已卸车列表
    getDoneUnload () {
      this.doneUnload = Math.random() - 0.5;
    },
    // --已卸车取消卸车确认，刷新待卸车操作
    getToUnload () {
      this.toUnload = Math.random() - 0.5;
    }
    // ----------------标签页操作，对应的刷新操作------结束-------
  },
  mounted () {
    this.$store.commit('initDict');
    // --首次 加载山歌页面列表
    this.searchLoadingListA();
    // this.toUnload = Math.random() - 0.5;// 待卸车标签页，当该值变动-刷新页面
    // this.doneUnload = Math.random() - 0.5;// 已卸车标签页，当该值变动-刷新页面
  }
};
</script>
